{extends file="../home.html"}
{block name="title"}{$head_title}{/block}

{block name="css"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>
<link href="__PUBLIC__/Css/front/css/sama_index.css?version={$version}" type="text/css" rel="stylesheet">
<style type="text/css">
body{
	background: #F3F3F3;
}
</style>
{/block}
{block name="content"}

	
<div class="com_header">
	Sama字母圈<a href="/Index/channel_search" class="search"><i class="icon_search"></i></a><a href="/Index/message" class="msg"><i class="icon_msg"></i><span class="dot"></span></a>
</div>

<div id="load_wrapper">
	<div id="scroller">
		<div id="pullDown">
		    <span class="pullDownIcon"></span>
		</div>

			<!-- 轮播图 -->
		    <div class="swiper-container home_banner">
		        <div class="swiper-wrapper">
		            <div class="swiper-slide">
		                <a href="javascript:;"><img src="/Public/Images/img/banner-home@3x.png" alt=""></a>
		            </div>
		            <div class="swiper-slide">
		                <a href="javascript:;"><img src="/Public/Images/img/banner-home@3x.png" alt=""></a>
		            </div>
		            <div class="swiper-slide">
		                <a href="javascript:;"><img src="/Public/Images/img/banner-home@3x.png" alt=""></a>
		            </div>
		        </div>
		        <!-- 如果需要分页器 -->
		        <div class="swiper-pagination"></div>
		    </div>
			<div class="home_nav">
				<a href="/Index/zanshang_home">
					<img src="/Public/Images/img/icon-pindao-zan-60@3x.png" alt="">
					<p>赞赏频道</p>
				</a>
				<a href="/Index/xuanshang_home">
					<img src="/Public/Images/img/icon-hone-xuan-50@3x.png" alt="">
					<p>悬赏频道</p>
				</a>
				<a href="/Index/zhonchou_home">
					<img src="/Public/Images/img/icon-hone-chou-50@3x.png" alt="">
					<p>众筹频道</p>
				</a>
				<a href="/Index/common_channel">
					<img src="/Public/Images/img/icon-pindao-zan-60@3x.png" alt="">
					<p>闲聊频道</p>
				</a>
			</div>
			<div class="home_list">
				<div class="home_item">
					<div class="user_info clearfix">
						<a href="/Index/others_personal_center" class="avatar">
							<img src="/Public/Images/img/icon-pindao-zan-60@3x.png" alt="">
						</a>
						<div class="user_cont">
							<span class="nickname" onclick="location='/Index/others_personal_center'">花花世界</span>
							<i class="tag">女神认定</i>
							<i class="tag">颜值认定</i>
						</div>
					</div>
					<a href="/Index/common_tiezi">
						<div class="item_title">
							一花一世界，一叶一菩提
						</div>
						<div class="item_desc">
							一朵花就是一个宇宙。一个人身也是一个宇宙。万物渺小或者宏大，微观世界或者宏观世界，都是一个世界。
						</div>
						<ul class="imgbox clearfix">
							<li>
								<img src="/Public/Images/img/Mask@3x.png" alt="">	
							</li>
							<li>
								<img src="/Public/Images/img/Mask@3x.png" alt="">	
							</li>
							<li>
								<img src="/Public/Images/img/Mask@3x.png" alt="">	
							</li>
							<li>
								<img src="/Public/Images/img/Mask@3x.png" alt="">	
							</li>
						</ul>

					</a>
					<div class="item_bot clearfix">
						<span class="time fl">13:40</span>
						<span class="type fl">普通频道</span>
						<span class="comment fr">评论 12</span>
						<span class="see fr">查看 98</span>
					</div>
				</div>
				<!-- 赞赏频道才有模糊的图 -->
				<div class="home_item">
					<div class="user_info clearfix">
						<a href="/Index/others_personal_center" class="avatar">
							<img src="/Public/Images/img/icon-pindao-zan-60@3x.png" alt="">
						</a>
						<div class="user_cont">
							<span class="nickname" onclick="location='/Index/others_personal_center'">花花世界</span>
							<i class="tag">女神认定</i>
							<i class="tag">颜值认定</i>
							<i class="tag">颜值认定</i>
							<i class="tag">颜值认定</i>
							<i class="tag">颜值认定</i>
							<i class="tag">颜值认定</i>
							<i class="tag">颜值认定</i>
						</div>
					</div>
					<a href="/Index/zanshang_detail">
						<div class="item_title">
							一花一世界，一叶一菩提
						</div>
						<div class="item_desc">
							一朵花就是一个宇宙。一个人身也是一个宇宙。万物渺小或者宏大，微观世界或者宏观世界，都是一个世界。
						</div>
						<ul class="imgbox clearfix">
							<li>
								<img src="/Public/Images/img/Mask@3x.png" alt="">	
							</li>
							<li>
								<img src="/Public/Images/img/Mask@3x.png" alt="">	
							</li>
							<li class="blur">
								<img src="/Public/Images/img/Mask@3x.png" alt="">	
							</li>
							<li class="blur">
								<img src="/Public/Images/img/Mask@3x.png" alt="">	
							</li>
							<li class="blur">
								<img src="/Public/Images/img/Mask@3x.png" alt="">	
							</li>
							<li class="blur">
								<div class="mask"><div class="txt">包含共20张图</div></div>
								<img src="/Public/Images/img/Mask@3x.png" alt="">	
							</li>
						</ul>
					</a>
					<div class="item_bot clearfix">
						<span class="time fl">13:40</span>
						<span class="type fl">赞赏频道</span>
						<span class="comment fr">评论 12</span>
						<span class="see fr">查看 98</span>
					</div>

				</div>
			</div>
			<div id="pullUp">
				<span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载...</span>
			</div>
		</div>
	</div>


	{include file="../Index/nav.html"}

{/block}
{block name="js"}
<script type="text/javascript" src="__PUBLIC__/Js/front/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/front/js/index_load.js"></script>
{literal}
	
<script>
	var total = 1
    var firstRow = 1

	var home_banner = new Swiper('.home_banner',{
        pagination: '.swiper-pagination',
        paginationClickable: true,
        autoplay: 2000,//可选选项，自动滑动
    })

	var imgw = $('.imgbox li').width()
	imgh = $('.imgbox li').height(imgw);
</script>
{/literal}
{/block}